<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title>密码设置</title>
	<style>
		body{
			margin: 0}
		.banner {
			width:1440px;
			height:70px;
			top:0;
			left:0;
			position: relative;
			overflow: hidden;
			background: #fff;
			border-bottom: 1px solid rgba(30,35,42,.06);
			box-shadow: 0 1px 3px 0 rgba(0,34,77,.05);
			background-clip: content-box;
		}
		#logo {
			margin-top: 11px;
			margin-left: 42px;
			width: 115px;
			height: 46px;

		}
		.searchDiv{
			position: relative;
			top: -75px;
			left: 200px;
			height: 40px;
			width: 224px;
			border: 0;
		}
		#search {
			position: relative;
			top: 0;
			left: 0;
			width: 224px;
			height: 30px;
			-webkit-border-radius:3px;
			-webkit-appearance: none;
			border-radius: 3px;
			border: 1px solid #999999;
			font-size: 13px;
			background-color: transparent;
		}
		#searchicon{
			position: relative;
			bottom: -35px;
			left: 195px;
			width: 28px;
			height: 28px;
		}
		#hpBtn{
			width: 112px;
			height: 30px;
			-webkit-border-radius:3px;
			-webkit-appearance: none;
			border-radius: 3px;
			border: 1px solid #999999;
			background-color: white;
			font: normal 15px 微软雅黑 ;
			color: #666666;
			position: absolute;
			right: 300px;
			top: 20px;
		}
		#ppBtn{
			width: 112px;
			height: 30px;
			-webkit-border-radius:3px;
			-webkit-appearance: none;
			border-radius: 3px;
			border: 1px solid #999999;
			background-color: white;
			font: normal 15px 微软雅黑 ;
			color: #666666;
			position: absolute;
			right: 182px;
			top: 20px;
		}
		.modifyPas{
			width: 720px;
			height: 280px;
			margin: 100px auto ;
			word-wrap: break-word;
			word-break: normal;
		}
		#newPas{
			width: 645px;
			height: 26px;
			border: 0;
			background-color: aliceblue;
		}
		#newPasAg{
			width: 630px;
			height: 26px;
			border: 0;
			background-color: aliceblue;
		}
		#title{
			width: 720px;
			height: 20px;
			font: bold 18px 微软雅黑;
		}
		#verCode{
			width: 140px;
			height: 26px;
			border: 0;
			background-color: aliceblue;
		}
		#sentVerCode{
			float: right;
			display:inline-block;
			width: 110px;
			height: 26px;
			background-color: white;
			border: 1px solid #999999;
			-webkit-border-radius:3px;
			border-radius: 3px;
			font: normal 13px 微软雅黑;
		}
		#confirm{
			height: 30px;
			width: 80px;
			background-color:white;
			border: 1px solid #999999;
			-webkit-border-radius:3px;
			border-radius: 3px;
			font:normal 15px 微软雅黑;
		}
		#cancel{
			float: right;
			height: 30px;
			width: 80px;
			background-color: white;
			border: 1px solid #999999;
			-webkit-border-radius:3px;
			border-radius: 3px;
			font:normal 15px 微软雅黑;
		}
	</style>

	<script language="JavaScript" src="js/jquery-3.2.1.min.js"></script>
	<script language="JavaScript" src="js/verifyPassword.js"></script>
	<script src="js/md5.js"></script>
</head>
<body>
<div class="banner">
	<img src="img/logologin.png" id="logo"/>
	<div class="searchDiv">
		<a href="https://www.baidu.com"><img src="img/搜索.png" id="searchicon" /></a>
		<input type="text" name="keyword" id="search" placeholder=" 请输入您要搜索的关键字">
	</div>
	<input type="button" name="homepage" id="hpBtn" value="首页">
	<input type="button" name="homepage" id="ppBtn" value="个人中心">
</div>
<div class="modifyPas">
	<div id="title">修改密码</div><br><br><br>
	<t style="font: normal 15px 微软雅黑 ">您的邮箱： </t>
	<input type="text" name="keyword" id="verEmail">
	<hr>
	<t style="font: normal 15px 微软雅黑 ">验证码： </t>
	<input type="text" name="keyword" id="verCode">
	<input type="button" name="homepage" id="sentVerCode" onclick="sendEmail()" value="发送验证码"><br>
	<hr>
	<t style="font: normal 15px 微软雅黑 ">新密码： </t>
	 <input type="text" name="keyword" id="newPas">
	<hr>
	<t style="font: normal 15px 微软雅黑 ">确认密码：</t>
	 <input type="text" name="keyword" id="newPasAg" onblur="checkpassword()">
	<hr>
	<br><br>
	<input type="button" name="homepage" id="confirm" onclick="changePassword()" disabled="disabled" value="确认">
	<input type="button" name="homepage" id="cancel" value="取消">
</div>
</body>
</html>
